<template>
	<div>
		<Banner></Banner>
		<Icons></Icons>
		<Tabs></Tabs>
		<div class="xbox">
			<Spike></Spike>
			<Cao></Cao>
		</div>
		<div class="xbox2">
			<Danji></Danji>
		</div>
		<Cache></Cache>
		<Linqu></Linqu>
		<BottomNav :propsurl='arrUrl'></BottomNav>
	</div>
</template>

<script>
	import Banner from'./pages/Banner.vue'
	import Icons from'./pages/Icons.vue'
	import Tabs from'./pages/Tabs.vue'
	import Spike from './pages/Spike.vue'
	import Cao from'./pages/Cao.vue'
	import Danji from './pages/Danji.vue'
	import Cache from'./Switch/Cache.vue'
	import Linqu from './pages/Linqu.vue'
	import BottomNav from '../default/BottomNav.vue'
	export default{
		name:'Home',
		
		components:{
			Banner,
			Icons,
			Tabs,
			Spike,
			Cao,
			Danji,
			Cache,
			Linqu,
			BottomNav
		},
		data(){
			return{
				arrUrl:['igs/1_1.png','igs/2_1.png','igs/3_1.png']
			}
		},
	}
</script>

<style scoped>
	.xbox,.xbox2{
	 width: 100%;
	 overflow: hidden;
	 background-color: #ececec;
	}
</style>
